.null {
  margin-top: 6.25rem;
}

.items {
  @apply flex flex-wrap overflow-hidden;

  .item {
    @apply relative mb-2;
    width: calc(50% - 0.5rem);

    &:nth-child(2n + 1) {
      @apply mr-4;
    }

    .img {
      @apply w-full relative rounded-lg text-xs overflow-hidden;

      .score {
        @apply absolute text-sm font-bold z-2;
        bottom: 0.6875rem;
        left: 0.625rem;
        font-family: OPPOSans;
        line-height: 1.125rem;
        color: #fdb525;
      }

      &::before {
        @apply absolute left-0 right-0 bottom-0 h-10 bg-linear-cover z-1;
        content: '';
      }

      &::after {
        @apply absolute text-white text-xs z-2;
        content: attr(data-txt);
        bottom: 0.6875rem;
        right: 0.625rem;
      }

      & > img {
        width: 100% !important;
      }
    }

    .name {
      @apply w-full mt-1 text-sm text-white;
    }
  }
}
